<!DOCTYPE html>
<html class="b c">
<head>
  <meta charset="UTF-8">
  <title>Sweet Analog Clock</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  
  <link rel="stylesheet" href="../../static/css/style.css">

  
</head>

<body>
  <div class="b c outer">
    <noscript>
        <div class="b c" style="color:red;font-size:24px">This clock needs JavaScript</div>
    </noscript>
    <div class="b c circle" id="off">        
        <div class="b n">
            <span class="b ib tn">7</span>
            <span class="b ib tn">1</span>
        </div>
        <div class="b n">            
            <span class="b ib tn">8</span>
            <span class="b ib tn">2</span>
        </div>
        <div class="b n">
            <span class="b ib tn">9</span>
            <span class="b ib tn">3</span>
        </div>
        <div class="b n">
            <span class="b ib tn">10</span>
            <span class="b ib tn">4</span>
        </div>
        <div class="b n">
            <span class="b ib tn">11</span>
            <span class="b ib tn">5</span>
        </div>
        <div class="b n">
            <span class="b ib tn">12</span>
            <span class="b ib tn">6</span>
        </div>
        <div class="b c needle short" id="hour"></div>
        <div class="b c needle medium" id="minute"></div>
        <div class="b c needle long" id="second">
            <div class="b c pivot"></div>
        </div>
        <div class="b c br">CLOCK</div>
    </div>
    <p class="b c dn" id="note"><small>Click clock to mute.</small></p>    
</div>
<!-- <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script> -->
<script src='../../static/js/jquery.min.js'></script>
<script src="../../static/jsjs/index.js"></script>

</body>
</html>
